module teapo.app {

  export class Application {

    tests: tests.TestPage = null;

    scrollLeft = ko.observable(1);

    scrollTop = ko.observable(2);

    constructor(private _body = document.body) {

      this._startBoot();

    }

    debugg() {

      this.scrollLeft(this.scrollLeft() + 1);

      this.scrollTop(this.scrollTop() + 2);

    }

    private _startBoot() {

      earlyElement('Loading test list...');

      setTimeout(() => {

        this.tests = new tests.TestPage();

        setTimeout(() => {

          earlyElement('Rendering...');

          this._completeBoot();

        }, 2000);

      }, 10);

    }

    private _completeBoot() {

      try {

        var tmpHost = document.createElement('div');

        ko.renderTemplate('Application', this, null, tmpHost);

        var child: HTMLElement;

        for (var i = 0; i < tmpHost.children.length; i++) { 

          if (tmpHost.children.item(i).tagName) {

            child = <any>tmpHost.children.item(i);

            break;

          }

        }

        var startAnimation = Date.now();

        var endAnimation = startAnimation + 400;

        var containerWidth = child.offsetWidth;

        var pageWidth = earlyElement.background.offsetWidth;

        var continueAnimation = () => {

          try {

            var now = Date.now();

            if (now >= endAnimation) {

              earlyElement.close();

              child.style.left = '0px';

              return;

            }

            var ratio = (now - startAnimation) / (endAnimation - startAnimation);

            child.style.left = (-containerWidth + ratio * containerWidth) + 'px';

            earlyElement.background.style.left = (ratio * containerWidth) + 'px';

            if (typeof requestAnimationFrame === 'function')

              requestAnimationFrame(continueAnimation)

        else

              setTimeout(continueAnimation, 1);

          }

          catch (animationError) { 

            alert('Application._completeBoot:continueAnimation ' + animationError.message + '\n' + animationError.stack);

          }

        }